<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="ladder" style="width: 500px;height:400px;float:right"></div>
<script src="/javascripts/echarts-all-3.js"></script>
<script type="text/javascript">
// 基于准备好的dom，初始化echarts实例
var myChart3 = echarts.init(document.getElementById('ladder'));

// 指定图表的配置项和数据
option3 = {
    title: {
        text: '条形图'
    },
    legend: {
        x: '370px',
        y: '35px',
        data: ['所在区域']
    },
    tooltip: {
        trigger: 'item',
        formatter: '{b}：{c}条'
    },
    grid: {
        left: '6%',
        right: '2%',
        bottom: '0%',
        containLabel: true
    },
    xAxis: {
        type: 'category',
        // data: ['吴泾', '工业区',
        //     '七宝', '虹桥',
        //     '江川路'
        // ],
        data:[],
        axisTick: {
            show: false
        }
    },
    yAxis: {
        name: '单位（条）',
        nameLocation: 'end',
        nameGap: 20,
        axisTick: {
            show: false
        }
    },
    series: [{
        name: '条数',
        type: 'bar',
        itemStyle: {
            normal: {　　　　　　　　　　　　　　 //好，这里就是重头戏了，定义一个list，然后根据所以取得不同的值，这样就实现了，
                color: function(params) {
                    // build a color map as your need.
                    var colorList = [
                        '#C1232B', '#B5C334', '#FCCE10', '#E87C25', '#27727B',
                        '#FE8463', '#9BCA63', '#FAD860', '#F3A43B', '#60C0DD',
                        '#D7504B', '#C6E579', '#F4E001', '#F0805A', '#26C0C0'
                    ];
                    return colorList[params.dataIndex]
                },
                　　　　　　　　　　　　　　 //以下为是否显示，显示位置和显示格式的设置了
                label: {
                    show: true,
                    position: 'top',
                    //                             formatter: '{c}'
                    formatter: '{b}\n{c}'
                }
            }
        },
        // data: [56, 52, 23, 32, 26],
        data:[],
        barMaxWidth: '40px',
        label: {
            normal: {
                show: true,
                position: 'top',
                formatter: '{c}'
            }
        }
    }]
};
                    
//   myChart3.setOption(option3);

setInterval(function (){
    var dataObj = JSON.parse(sessionStorage.getItem("data"));
    var newData = new Array();
    Object.keys(dataObj).forEach(function(i){
        newData.push(dataObj[i]);
    })
    option3.series[0].data = newData;
    option3.xAxis.data = Object.keys(dataObj);
    myChart3.setOption(option3);
}, 1000);

</script>